<template>
  <div class="detail-main">
    <div class="common-content">
       <left-list @change="changeTeam"></left-list>
      <right-content ref="rightContentRef"></right-content>
    </div>
  </div>
</template>

<script setup>

import LeftList from "./components/left-list.vue";
import RightContent from "./components/right-content.vue";
const rightContentRef=ref()
function changeTeam(e){
  rightContentRef.value.loadPageData(e)
}
</script>

<style scoped>
 .detail-main{
   padding: 40px 0;
   .common-content{
     display: flex;
     gap: 16px;
   }
 }
</style>
